<template >
    <VarButton class="button" size="large" elevation="0" outline text :block="block" :loading="loading" :disabled="disabled"
        :nativeType="nativeType" @click="click">
        <slot></slot>
    </VarButton>
</template>
<script lang="ts" setup>
import { ButtonHTMLAttributes } from 'vue';

// 定义 props
defineProps<{ block?: boolean, loading?: boolean, nativeType?: ButtonHTMLAttributes['type'], disabled?: boolean }>();

// 定义 事件
const emit = defineEmits(['click']);
const click = (event: Event) => emit('click', event);

</script>
<style lang="scss" scoped>
// 指定padding值
.button {
    padding: 0 32px;
    border-color: $white;
    color: $white;
}
</style>